<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>购物车</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/cart.css">
    <script src="./js/request.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/popup.js"></script>
    <script src="./js/cart.js"></script>
</head>
<body>
<!-- 顶部 -->
<div class="top">
    <a href="/front"><span class="iconfont icon-zuojiantou"></span></a>
    <span>提交订单</span>
</div>
<!-- 就餐方式 -->
<div class="dine">
    <div>就餐方式</div>
    <div class="dining">
        <span class="active">堂食</span>
        <span>打包</span>
    </div>
</div>
<!-- 购物车列表 -->
<div class="cart">
    <div class="user">
        <span class="iconfont icon-yonghu-yuan"></span>
        <span class="username">用户名</span>
    </div>
    <div class="cartlist">
        <p>
            <span></span>
            <span>名称</span>
            <span>数量</span>
            <span>价格</span>
        </p>
        <!-- <div>
            <img src="./images/jiaozi.png" alt="">
            <div class="name">
                <b>香菇肉馅饺</b>
                <br>
                <span>小份15个,干饺</span>
            </div>
            <div class="number">x1</div>
            <div class="price">￥16.00</div>
        </div> -->
    </div>
    <div class="coupon">
        <span><i class="iconfont icon-youhuiquanwenzi"></i> 优惠券</span>
        <span>选择优惠券 <i class="iconfont icon-youjiantou"></i> </span>
    </div>
    <div class="subtotal">
        <span>小计</span>
        <span>以优惠￥0.00</span>
        <span class="totalprice">￥16.00</span>
    </div>
</div>
<!-- 备注 -->
<div class="remarks">
    <span>备注</span>
    <input type="text" placeholder="请输入备注关键字">
</div>
<!-- 支付方式 -->
<div class="pay">
    <p>支付方式</p>
    <div>
        <i class="iconfont icon-xuanzhong"></i> 微信支付
    </div>
</div>
<!-- 底部合计 -->
<div class="footer">
    <span>合计</span>
    <span class="totalprice1">￥16.00</span>
    <div class="topay">去支付</div>
</div>
</body>
<script>

</script>
</html>